<template>
<div>
  <h1>{{news.title}}</h1>
  <span>{{news.time}}</span>
  <p>{{news.new}}</p>

</div>
</template>


<script>
  export default{
    data(){
      return {
        news:''
      }
    },
    methods: {
    
    },
    mounted() {
      this.news = JSON.parse(this.$mp.query.news)
      
    },
  }
</script>

<style scoped>
div{
  width:85%;
  margin:auto;
  height: auto;
}
div h1{
  color: red;
  text-align: center;
  margin-top:15px;
  font-size: 22px;
}
div span{
  color: darkgray;
  font-size: 16px;
  margin-top:10px;
  margin-left:220px;
}
div p{
  margin-top: 15px;
}
</style>
 